<template>
<!--  关于我们-->
  <div class="about121">
    <div class="fanhuiljy20" @click="ljy20">
      <van-icon name="arrow-left"></van-icon>
    </div>
<!--    关于-->
    <div class="guanyu">
      <font>{{ $t('about') }}</font>
    </div>
<!--  logo-->
    <div class="logo">
      <img src="https://ts2.cn.mm.bing.net/th?id=OIP-C.4yT-r7ZPQHV_8IIpSfO52AAAAA&w=250&h=250&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"
           style="border-radius: 50%"
           width="200"
           height="200"
      >
  </div>
<!--    logo-->
    <div class="logo1">
      <font>LOGO</font>
    </div>
<!--    版本号-->
    <div class="logo2">
      <font>V1.0.1</font>
    </div>
<!--    隐私协议-->
    <div class="yinsi" @click="agreement">
      <div class="yinsi1">
        <font>{{ $t('privacy') }}</font>
      </div>
      <div class="guanyi1">

      </div>
    </div>
<!--    证照信息-->
    <div class="zhengzhao" @click="license">
      <div class="zhengzhao1">
        <font>{{ $t('documents') }}</font>
      </div>
      <div class="guanyi2">
      </div>
    </div>
    <BottomPanel/>
  </div>


</template>


<script>
import BottomPanel from "@/views/bottomPanel.vue";
export default {
  components: {BottomPanel},
  methods: {
    //跳转页面
    agreement() {
      this.$router.push({path: '/agree'})
    },
    license() {
      this.$router.push({path: '/licence'})
    },
    //返回上一个页面
    ljy20(){
      this.$router.push({path: '/personalHome'})
    }
  }
}
</script>


<style>
.guanyu{
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.logo{
  width: 100%;
  height: 200px;
  line-height: 200px;
  text-align: center;
}
.logo1{
  margin-top: 10px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.logo2{
  margin-top: 10px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: darkgray;
}
.yinsi{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.yinsi1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}
.guanyi1{
  height: 70px;
  line-height: 70px;
  margin-left:350px;
}
.zhengzhao{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.zhengzhao1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}
.guanyi2{
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin-left:350px;
}
.about121{
  width: 100%;
  height: 100vh;
}
</style>